<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>link</title>
    <!--css file-->
    <link rel="stylesheet" href="../dist/css/angular-qiniu-uploader.css"/>
</head>
<body ng-app="myApp">

    <div ng-controller="mainCtrl">
        <img ng-src="{{image}}" alt=""/>
        <button uploader-gallery cb-fn="shout" ng-model="image">图片</button>
    </div>

    <script src="../bower_components/zepto-full/zepto.min.js"></script>
    <script src="../bower_components/angular/angular.min.js"></script>
    <script src="../dist/js/angular-qiniu-uploader.js"></script>
    <script>
        angular.module('angularQiniuUploader').constant('Config', {
            resource_url: "image.php",
            base_url: "image.php",
            token: "0MLvWPnyya1WtPnXFy9KLyGHyFPNdZceomLVk0c9:xukYyPNJ7FypnJhjA-xbGIuLUv8=:eyJzY29wZSI6InFpbml1LXBsdXBsb2FkIiwiZGVhZGxpbmUiOjE0NDU1NzA3Njd9",
            bucket_url: "http://qiniu-plupload.qiniudn.com/"
        });
        var app = angular.module('myApp', ['angularQiniuUploader']);
        app.controller('mainCtrl', function($scope){
            $scope.image = "";

            $scope.shout = function(data){
                console.log(data);
            }
        });
    </script>
</body>
</html>
